<%--
  Created by IntelliJ IDEA.
  User: tyran
  Date: 2019/5/20
  Time: 10:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %>
<head>
    <meta charset="UTF-8">
    <title>IBlog</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <!--<script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>-->
    <!--<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>-->
    <link rel="stylesheet" href="../../../Clcss/EYBlog.css">
    <link rel="stylesheet" href="../../../Clcss/vote.css">


</head>

<body>
<a href="/cl/firstpage" style="position: fixed;right: 30px;bottom: 30px;padding: 6px;border:2px solid white"><img src="../../../img/返回.png"></a>

<div class="container">

    <!--博客显示区域-->
    <div class="blog-area">
        <c:forEach items="${Articles}" var="article" varStatus="x">
            <div class="blog">
                <div class="showimg"><img src="../../../img/sjms.jpg"></div>
                <div class="content">
                    <div class="title"><a href="/cl/findArticle?aid=${article.aid}"><div class="substring-title">${article.title}</div></a></div>
                    <div class="abstract"><a href="/cl/findArticle?aid=${article.aid}">
                        <div class="substring">${article.content}</div>
                    </a></div>
                    <div class="third">
                    <pre class="date">${article.date}    <a>${article.user.nickname}</a>  <div class="bdsharebuttonbox"><a
                            href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone"
                                                                             title="分享到QQ空间"></a><a href="#"
                                                                                                    class="bds_tsina"
                                                                                                    data-cmd="tsina"
                                                                                                    title="分享到新浪微博"></a><a
                            href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren"
                                                                                           data-cmd="renren"
                                                                                           title="分享到人人网"></a><a
                            href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
                    </pre>
                    </div>
                </div>
            </div>
        </c:forEach>
    </div>

   <%-- <!--投票-->
    <div class="vote-area">
        <div class="vote-des">Vote Area</div>
        <div class="vote-des" style="margin-top:0;margin-left: 30%;font-weight: 200;font-size: 20px">如果是你的话，你会选择怎样的道路呢
        </div>
        <ul class="vote-flex" id="votelist">
            <li style="display: contents">
                <div class="votes" id="{{id}}">
                    <div class="vote-title">{{vtitle}}</div>
                    <div class="skillbar clearfix" data-percent="20%" id="n" name="html">
                        <div class="skillbar-title"><span>{{vs1.vsname}}</span></div>
                        <div class="skillbar-bar" style="background: #e67e22;"></div>
                        <div class="skill-bar-percent">{{vs2.vspercent}}</div>
                    </div>
                    <div class="skillbar clearfix" data-percent="20%" name="html">
                        <div class="skillbar-title"><span>{{voteselect.vsname}}</span></div>
                        <div class="skillbar-bar" style="background: #e67e22;"></div>
                        <div class="skill-bar-percent">{{vs2.vspercent}}</div>
                    </div>
                    <div class="skillbar clearfix" data-percent="20%" name="html">
                        <div class="skillbar-title"><span>{{voteselect.vsname}}</span></div>
                        <div class="skillbar-bar" style="background: #e67e22;"></div>
                        <div class="skill-bar-percent">{{vs3.vspercent}}</div>
                    </div>
                </div>
            </li>

            &lt;%&ndash;<c:forEach items="${VoteList}" var="vote">&ndash;%&gt;
            &lt;%&ndash;<li style="display: contents">&ndash;%&gt;
            &lt;%&ndash;<div class="votes" id="">&ndash;%&gt;
            &lt;%&ndash;<div class="vote-title">${vote.vote.vtitle}</div>&ndash;%&gt;
            &lt;%&ndash;<c:forEach items="${vote.voteselect}" var="voteselect">&ndash;%&gt;
            &lt;%&ndash;<div class="skillbar clearfix" data-percent="20%" name="html">&ndash;%&gt;
            &lt;%&ndash;<div class="skillbar-title"><span>${voteselect.vsname}</span></div>&ndash;%&gt;
            &lt;%&ndash;<div class="skillbar-bar" style="background: #e67e22;"></div>&ndash;%&gt;
            &lt;%&ndash;<div class="skill-bar-percent">${voteselect.vsnum/vote.vote.vtotalnum*100}%&ndash;%&gt;
            &lt;%&ndash;</div>&ndash;%&gt;
            &lt;%&ndash;</div>&ndash;%&gt;
            &lt;%&ndash;</c:forEach>&ndash;%&gt;
            &lt;%&ndash;</div>&ndash;%&gt;
            &lt;%&ndash;</li>&ndash;%&gt;
            &lt;%&ndash;</c:forEach>&ndash;%&gt;


            <template id="votetemplate">
                <li style="display: contents">
                    <div class="votes" id="{{vote.vid}}">
                        <div class="vote-title">{{vode.vtitle}}</div>
                        <template id="votelist">
                            <div class="skillbar clearfix" data-percent="20%" name="html">
                                <div class="skillbar-title"><span>{{vs1.vsname}}</span></div>
                                <div class="skillbar-bar" style="background: #e67e22;"></div>
                                <div class="skill-bar-percent">{{vs2.vspercent}}</div>
                            </div>
                        </template>
                        <div class="skillbar clearfix" data-percent="20%" name="html">
                            <div class="skillbar-title"><span>{{voteselect.vsname}}</span></div>
                            <div class="skillbar-bar" style="background: #e67e22;"></div>
                            <div class="skill-bar-percent">{{vs2.vspercent}}</div>
                        </div>
                        <div class="skillbar clearfix" data-percent="20%" name="html">
                            <div class="skillbar-title"><span>{{voteselect.vsname}}</span></div>
                            <div class="skillbar-bar" style="background: #e67e22;"></div>
                            <div class="skill-bar-percent">{{vs3.vspercent}}</div>
                        </div>
                    </div>
                </li>
            </template>

        </ul>

    </div>--%>

</div>

<div class="footer">

</div>
</div>

</body>

<script src="../../../js/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/mustache.js/3.0.1/mustache.min.js"></script>
<!--<script src="../js/like.js"-->
<!--slider处理-->
<script src="../../../js/toolkit.js"></script>

<script>window._bd_share_config = {
    "common": {
        "bdSnsKey": {},
        "bdText": "",
        "bdMini": "2",
        "bdMiniList": false,
        "bdPic": "",
        "bdStyle": "2",
        "bdSize": "16"
    }, "share": {}
};
with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
</html>